/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0;padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei !important;color:#666;text-decoration:none;font-size:14px;}
textarea { resize:none;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0;-webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none;color:#666;transition:0.2s;-webkit-transition:0.2s;}
a:hover{ color:#d4022b;}
.clearfix { clear:both;zoom:1;}
.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*婊氬姩鏉�*/
::-webkit-scrollbar{ width:6px;}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:#fff;}
::-webkit-scrollbar-thumb:vertical{ background-color:#999;border-radius:5px;}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#f8a51b;}
::-webkit-scrollbar-corner:vertical{ background-color:#f8a51b;}
::-webkit-scrollbar-resizer:vertical{ background-color:#f8a51b;}


.m{ width:95%; max-width:1200px; margin:0 auto;}
.n{ padding:50px 0; border-bottom:1px solid #eee; background:#f1efee;}
.n img{ max-width:100%;}
.b_n{ width:100%; line-height:6em; font-size:50px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../images/banner_n.jpg) no-repeat center center; text-align:center; text-shadow:#666 5px 5px 5px;}


.banner { margin: 0 auto; position: relative;}
.banner .bd { }
.banner .bd li { }
.banner .bd li img { width: 100%; }
.banner .hd { position: absolute; bottom: .5rem; right: 0; width: 100%; }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 8px; height: 8px; border-radius: 50%; background: #fff; margin: 0 4px; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .6; filter: alpha(opacity=60); box-shadow: 0 0 1px #ccc; }
.banner .hd ul li.on { background: #fff; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 2px #ccc; }
/**/
.ttt a{ padding:0 !important; line-height:normal !important; display:inline !important;}

/*top n*/
.top_n{ background:rgba(0,0,0,0.5); padding:5px 0; margin-top:-45px; position:relative; z-index:2;}
.top_n ul li{ float:left; padding:5px 20px; margin:0 5px; background:rgba(0,0,0,0.2); transition:0.2s; -webkit-transition:0.2s;}
.top_n ul li:hover{ background:rgba(0,0,0,0.6);}
.top_n ul li.on{ background:rgba(0,0,0,0.6);}
.top_n ul li a{ color:#fff; font-size:12px;}

/**/
.owl-item{ padding:0 5px;}

/**/
.mmm{ width:95%; max-width:650px; margin:0 auto;}
.mmm h2{ color: #f60909; font-size: 27px; padding: 0 0 0 36px; background: url(../images/666.png) no-repeat left top;}
.mmm h4{ color: #999; font-size: 14px; padding: 0% 0 2.3%; text-transform: uppercase;}

/*index culture*/
.ind_cul{ padding:50px 0; background:#f2f5f8;}
.ind_cul .m{ max-width:1140px;}
.ind_cul_ul{ margin-top:50px;}
.ind_cul_ul li{ float:left; width:14%; text-align:center; border-right:1px solid #ccc;}
.ind_cul_ul li:last-child{ border:none;}
.ind_cul_ul li img{ display:block; margin:0 auto 5px;}
.ind_cul_ul li a{ color:#666;}





/**/
.jtgs{ position:relative;}
.jtgs ul{ position:absolute; top:40px; right:5px; background:#fff; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; z-index:9; display:none; font-size:12px;}
.jtgs ul li{ padding:5px 10px; transition:0.2s; -webkit-transition:0.2s; white-space:nowrap;}
.jtgs ul li a{ color:#666; transition:0.2s; -webkit-transition:0.2s;}
.jtgs ul li:hover{ background:#0f0f8d;}
.jtgs ul li:hover a{ color:#fff;}

/*about*/
.nn{ background:#fff; padding:20px;}
.about_m{ background-color:#fff; width:100%; box-sizing:content-box;}
.about_m p{ text-indent:2em; font-size:16px; line-height:1.6;}
.about_m p span{ color:#97732d;}
.comp02{ width:100%; margin-top:20px;}
.bigtit{ font-size:32px; color:#404040; margin-bottom:30px; position:relative;}
.bigtit em{ display:block; width:80px; height:1px; background-color:#185daa; margin:15px auto 0;}
.bigtit:after{ content:""; height:3px; background:#103d99; position:absolute; width:5%; top:58px; left:0;}
.bigtit p{ margin:0;}
.bigtit span{ font-size:20px; line-height:56px; color:#103d99;}
.border{ border-bottom: solid 1px #dcdcdc; width: 20%;}

/*zhici*/
.zhici_m img{ max-width:100%; display:block; margin:0 auto;}

/*licheng*/
/* The history */
.cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; } 
.cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #afdcf8; left: 20%; margin-left: -10px; }

.cbp_tmtimeline > li { position: relative; }

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime { display: block; width: 25%; padding-right: 150px; position: absolute; }

.cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; }

.cbp_tmtimeline > li .cbp_tmtime span:first-child { font-size:20px; color: #3594cb;}

.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 2em; color: #3594cb; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: #3594cb; }

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 25%; background:#3594cb; color: #fff; padding: 1.5em; font-size: 1.2em; font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { background:#6cbfee}

.cbp_tmtimeline > li .cbp_tmlabel h2 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255,255,255,0.4); }

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #3594CB; border-width: 10px; top: 10px; }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: #6CBFEE; }

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon { width: 40px; height: 40px; font-family: 'ecoico'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #46a4da; border-radius: 50%; box-shadow: 0 0 0 8px #afdcf8; text-align: center; left: 20%; top: 0; margin: 0 0 0 -25px; }

/*team*/
.team_m img{ max-width:100%;}

/**/
/*honor*/
.honor_ul{ width:100%;}
.honor_ul li{ width:30%; float:left; margin-right:5%; margin-bottom:20px;}
.honor_ul li:nth-child(3n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; border:1px solid #ddd; position:relative;}
.honor_ul li a:hover{ border:1px solid #13418e;}
.honor_ul li img{ width:100%; height:240px;}
.honor_ul li p{ text-align:center; margin-top:10px; font-size:14px;}
.honor_ul li p a{ color:#666;}
li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.honor_ul2{ width:80%; margin:0 auto;}
.honor_ul2 li{ width:48%; float:left; margin-right:4%; margin-bottom:20px;}
.honor_ul2 li:nth-child(2n){ margin-right:0;}
.honor_ul2 li a{ display:block; padding:5px; border:1px solid #ddd; position:relative;}
.honor_ul2 li a:hover{ border:1px solid #13418e;}
.honor_ul2 li img{ width:100%;}
.honor_ul2 li p{ text-align:center; margin-top:10px; font-size:14px;}
.honor_ul2 li p a{ color:#666;}

.gjjry .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
.gjjry:hover .cover { opacity: .8; filter: alpha(opacity=80); }
.gjjry .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.gjjry:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.gjjry .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.gjjry:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.gjjry{ width:100%; max-width:800px; margin:0 auto; position:relative;}
.gjjry img{ width:100%;}
.gjjry p{ font-size:20px; font-weight:bold; text-align:center;}

/*yewu*/
.yewu_m ul{ width:80%; margin:0 auto;}
.yewu_m ul li{ width:48%; margin-right:4%; float:left; margin-bottom:40px;}
.yewu_m ul li:nth-child(2n){ margin-right:0;}
.yewu_m ul li img{ width:100%;}
.yewu_m ul li p{ padding:20px 0; width:100%; text-align:center; font-size:20px; color:#fff; background:#45637d; line-height:1;}
.yewu_m ul li p span{ font-size:14px;}

/*linian*/
.linian_m img{ max-width:100%;}

/**/
.ind_pro_m{ width:80%; margin:0 auto;}
.ind_pro_m li { float: left; width:45%; margin-right:10%; margin-bottom:20px;}
.ind_pro_m li img{ width:100%}
.ind_pro_m li:nth-child(2n) { margin-right: 0; }
.ind_pro_m li a { display: block; position: relative; }
.ind_pro_m li a em { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ind_pro_m.png) repeat 0 0; -webkit-transition: all .8s; transition: all .8s; opacity: 0; filter: alpha(opacity=0); }
.ind_pro_m li a i { display: block; position: absolute; bottom: 24px; left: 30px; -webkit-transition: all .3s; transition: all .3s; font-size: 16px; color: #fff; font-style: normal; }
.ind_pro_m li a i:before { display: block; position: absolute; left: 0; top: -8px; width: 24px; height: 2px; background: #fff; content: ''; -webkit-transition: all .3s; transition: all .3s; }
.ind_pro_m li a i span { display: block; font-size: 12px; }
.ind_pro_m li a:hover i { color: #343399; bottom: 10%; font-size: 22px; font-weight: bold; }
.ind_pro_m li a:hover i:before { background: #343399; }
.ind_pro_m li a:hover em { opacity: .8; filter: alpha(opacity=80); }

/*news*/
.news .news_ul li{ position:relative; border:1px solid #d9d9d9; background:#FFF; padding:20px 10px; margin-bottom:20px; transition:0.2s; -webkit-transition:0.2s;}
.news .news_ul li:hover{ border:1px solid #103d99;}
.list-left{ float:left; width:18%;}
.list-left .thumb{ display:block; width:100%; border:1px solid #959595}
.list-left .extra{ padding:10px 0}
.list-info{ float:right; width:80%;}
.list-info h2{ border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:normal; padding:0 0 10px}
.list-info h2 a{ color:#103d99; font-family:Microsoft Yahei;}
.list-info h2 span{ color:#103d99;}
.list-info p{ line-height:2; text-indent:2em; font-size:14px; color:#666; padding:10px 0 0}
.list-info p a{ color:#103d99;}

/**/
.ind_pro_m2{ width:80%; margin:0 auto;}
.ind_pro_m2 li { float: left; width:30%; margin-right:5%; margin-bottom:20px;}
.ind_pro_m2 li img{ width:100%}
.ind_pro_m2 li:first-child{ width:48%; margin-right:4%;}
.ind_pro_m2 li:nth-child(2){ width:48%; margin-right:0;}
.ind_pro_m2 li:nth-child(5){ margin-right:0;}
.ind_pro_m2 li a { display: block; position: relative; }
.ind_pro_m2 li a em { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ind_pro_m.png) repeat 0 0; -webkit-transition: all .8s; transition: all .8s; opacity: 0; filter: alpha(opacity=0); }
.ind_pro_m2 li a i { display: block; position: absolute; bottom: 24px; left: 30px; -webkit-transition: all .3s; transition: all .3s; font-size: 16px; color: #fff; font-style: normal; }
.ind_pro_m2 li a i:before { display: block; position: absolute; left: 0; top: -8px; width: 24px; height: 2px; background: #fff; content: ''; -webkit-transition: all .3s; transition: all .3s; }
.ind_pro_m2 li a i span { display: block; font-size: 12px; }
.ind_pro_m2 li a:hover i { color: #343399; bottom: 10%; font-size: 22px; font-weight: bold; }
.ind_pro_m2 li a:hover i:before { background: #343399; }
.ind_pro_m2 li a:hover em { opacity: .8; filter: alpha(opacity=80); }

/*social*/
.social_m ul{ width:100%; margin:0 auto;display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;}
.social_m ul li{ float:left; width:30%; margin-right:5%; margin-bottom:20px;}
.social_m li img{ width:100%}
.social_m li:nth-child(3n) { margin-right: 0;}
.social_m ul li .so_m{ padding:20px; border:1px solid #ccc;}
.social_m ul li .so_m .p1{ font-size:16px; height:30px; overflow:hidden;}
.social_m ul li .so_m .p2{ margin-top:10px;}

/*contact*/
.contact .contact_m{ padding-left:30px; margin-bottom:50px; width:50%; float:left;}
.contact .contact_m img{ float:left; height:50px;}
.contact .contact_m .p1{ float:left; font-size:18px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m .p2{ float:left; font-size:14px; padding-left:20px; width:80%; margin-top:0;}
.contact .pp1{ font-size:20px; font-weight:bold;}
.contact .pp2{ margin-top:0; margin-bottom:0;}
.contact .contactt{ width:50%; float:left;}
.contact .contact2{ width:100%; margin-bottom:20px;}
.contact{ background:url(../images/lxbg.jpg) center center no-repeat;}


/*joinus*/
.job_ul{ width:100%; color:#666; padding:20px;}
.job_ul li{ margin:0 auto 10px; padding:10px; transition:0.5s; -webkit-transition:0.5s; border:1px solid rgba(0,0,0,0);}
.job_ul li:hover{ border:1px solid #000;}
.job_ul li table{ width:100%; font-size:14px; border-collapse:inherit; border-spacing:2px;}
.job_ul li table tr{}
.job_ul li table tr td{ line-height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.job_ul li table tr .td1{ background:#ddd; width:30%; padding-left:20px;}
.job_ul li table tr .td2{ background:#ddd; padding-left:20px;}

/**/
.yqlj a{ color:#333;}

/*---------------------*/
#feedbackForm{ padding:20px;}
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width:96%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput { width: 236px; padding: 10px; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ccc; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background:#068DD1; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

/*product*/
.project_m ul{}
.project_m ul li{ float:left; margin-left:4%; padding:23px; border:1px solid #d6d6d6; width:22%; transition:0.2s; -webkit-transition:0.2s; margin-top:20px;}
.project_m ul li:nth-child(4n+1){ margin-left:0;}
.project_m ul li:hover{ border:1px solid #103d99;}
.project_m ul li .a1{ font-size:16px; color:#666; padding-bottom:10px; border-bottom:1px solid #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block;}
.project_m ul li .a1:hover{ color:#103d99;}
.project_m ul li p{ margin:20px 0; line-height:1.6;}
.project_m ul li img{ width:100%;}

@media (max-width:1141px){
.foooot br:nth-child(5){ display:none;}
}

@media (max-width:1050px){
.header-navibox-2{ display:none;}
.id_gc{ width:100% !important;}
.footer .copyright{ float:left !important;}
.contact .contactt{ width:100%; float:none;}
}
@media (max-width:1000px){
.footer__main{ display:none;}
.top-bar{ display:none;}
.grid-sizer, .grid-item{ width:48% !important; margin-right:4% !important; float:left !important;}
.grid-sizer, .grid-item:nth-child(2n){ margin-right:0 !important;}
.b_n{ font-size:30px;}
.top_n{ margin-top:0;}
.top_n ul li{ width:30%; margin:2px 0; margin-right:5%; text-align:center;}
.top_n ul li:nth-child(3n){ margin-right:0;}
.honor_ul li{ width:48%; margin-right:4%;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.ind_pro_m li{ width:100%; float:none;}
.list-left{ display:none;}
.list-info{ width:100%; float:none;}
.ind_pro_m2 li:first-child{ width:100%;}
.ind_pro_m2 li:nth-child(2){ width:100%;}
.ind_pro_m2 li{ width:100%; float:none;}
.social_m ul li{ width:100%; float:none;}
.contact .contact2{ width:100%; float:none;}
.ind_cul_ul li{ width:25%; margin-bottom:10px;}
.ind_cul_ul li:nth-child(4){ border:none;}
.bigtit{ font-size:20px;}
.bigtit span{ line-height:45px; font-size:16px;}
.bigtit:after{ top:44px;}
.project_m ul li{ width:100%; float:none; margin:10px auto; margin-left:auto !important;}
.cbp_tmtimeline > li .cbp_tmlabel{ margin:0 0 15px 30%;}
.cbp_tmtimeline > li .cbp_tmicon{ width:20px; height:20px; margin:8px 0 0 -25px; left:25%;}
.cbp_tmtimeline > li .cbp_tmtime{ width:auto;}
.cbp_tmtimeline > li .cbp_tmtime span{ font-size:14px !important;}
.cbp_tmtimeline:before{ left:22%;}
.list-info h2 span{ display:none;}
}
@media (max-width:767px){
.b-isotope-filter > li{ float:left;}
}